<template>
  <div class="container">
      <a-page-header
       class="header"
        title="ids监控日志管理"
        sub-title="ids监控日志信息"
    />
    
    <!-- 主机ip -->
    <a-row>
      <a-space :size="20">
        <span class="title-text">条件筛选:</span>
        
      </a-space>
    </a-row>
    <div style="dispaly:block;height:20px;width:100%"></div>

    <a-row>
      <a-space :size="20">
        <span class="title-text">监控日志详情:</span>
              
      </a-space>
    </a-row>

    <div style="dispaly:block;height:20px;width:100%"></div>
    <!-- <ContentCard v-for="(item, idx) in contents" :key="idx" :content_card_title="item.content_card_title" :content_card_items="item.content_card_items"/> -->
  </div>
</template>
<script >

// import {getCpuLoad, getDiskInfo, getIdsPoolStatus, getSystemInfo} from "@/api/system_info/system_info"

export default {
  components:{
  },
  data() {
    return {
  
    };
  },
  methods: {
   
  },
  created(){
    
  }
};
</script>

<style lang="less" scoped>
.container{
  height: 100%;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  // background-color:grey;
}

.title-text{
  font-size: 18px;
  font-weight: bold;
}

.header{
  margin-left: -30px;
}

.detail-panel{
  background-color: antiquewhite;
  margin-bottom: 20px;
}

.grid-content{
  display: flex;
  justify-content: center;
}
</style>
